$(() => {
    let data = { page: 1, perpage: 10 }
    // 渲染评论列表
    function getCommentList() {
        myAjax('get', '/admin/comment/search', data, (res) => {
            // console.log(res);
            let htmlStr = template('comment', res)
            $('tbody').html(htmlStr)
            // 拿到返回数据的总数，再渲染分页
            renderPager(res.data.totalCount)
        })
    }
    getCommentList()

    // 分页功能
    function renderPager(count) {
        layui.use('laypage', function () {
            var laypage = layui.laypage;
            //执行一个laypage实例
            laypage.render({
                elem: 'pagination', //注意，这里的 test1 是 ID，不用加 # 号
                count,
                // 页容量
                limit: data.perpage,
                // 初始化页面的高亮
                curr: data.page,
                // 当分页被切换时触发，函数返回两个参数：obj（当前分页的所有选项值）、first（是否首次，一般用于初始加载的判断）
                jump: function (obj, first) {
                    //首次不执行
                    if (!first) {
                        // 把当前点击的页面的页码给发送请求参数的页码
                        data.page = obj.curr
                        // 重新渲染页面
                        getCommentList()
                    }
                }
            });
        });
    }

    // 评论审核通过
    function pass() {
        // 绑定点击事件
        $('tbody').on('click', '.btn_pass', function () {
            // 获取id
            let id = $(this).data('id')
            // console.log(id);
            layer.confirm('是否批准？', {
                icon: 3,
                title: '批准成功',
                // time: 2000 //2秒关闭（如果不配置，默认是3秒）
            }, function () {
                myAjax('post', '/admin/comment/pass', { id }, function (res) {
                    layer.msg(res.msg)
                    getCommentList()
                })
            });
            layer.close();
        })
    }
    pass()

    // 评论拒绝
    function refuse() {
        $('tbody').on('click', '.btn_refuse', function () {
            // 获取id
            let id = $(this).data('id')
            // console.log(id);
            layer.confirm('确定拒绝该评论吗', {
                icon: 3,
                title: '拒绝成功',
                // time: 2000 //2秒关闭（如果不配置，默认是3秒）
            },
                function (index) {
                    myAjax('post', '/admin/comment/reject', { id }, function (res) {
                        if (res.code != 200) {
                            layer.msg(res.msg)
                            return
                        }
                        getCommentList()
                    })
                    layer.close(index);
                });
        })
    }
    refuse()

    // 删除评论

    $('tbody').on('click', '.del', function () {
        // 获取id
        let id = $(this).data('id')
        // console.log(id);
        layer.confirm('确定删除该评论吗', {
            icon: 3,
            title: '删除成功',
            // time: 2000 //2秒关闭（如果不配置，默认是3秒）
        },
            function (index) {
                myAjax('post', '/admin/comment/delete', { id }, function (res) {
                    if (res.code != 200) {
                        layer.msg(res.msg)
                        return
                    }
                    getCommentList()
                })
                layer.close(index);
            });
    })
})